<oem-drawer _COMPONENT_NAME_ATTR_="{{section_id}}">
  <oem-drawer-label>
    <svg
      aria-hidden="true"
      role="img"
      focusable="false"
      xmlns="http://www.w3.org/2000/svg"
      width="20"
      height="20"
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
      stroke-width="2"
      stroke-linecap="round"
      stroke-linejoin="round"
    >
      <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
    </svg>
  </oem-drawer-label>
  <oem-drawer-popup>
    <oem-drawer-popup-warp position="top">
      <div class="py-6 container_wrapper">
        <form
          action="/search"
          onsubmit="return oemsaasSearch('.search_txt_model')"
          class="flex items-center px-3  box-border border"
        >
          <button class="bg-transparent" type="submit">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              aria-hidden="true"
              focusable="false"
              role="presentation"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              class="w-6"
            >
              <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
            </svg>
          </button>
          <input type="text" class="flex-1 h-12 mx-3 search_txt_model" placeholder="{{data.search_placeholder}}">
          <oem-drawer-close class="flex items-center">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              aria-hidden="true"
              focusable="false"
              role="presentation"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              class="w-6 f-icon-close"
            >
              <line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line>
            </svg>
          </oem-drawer-close>
        </form>
      </div>
    </oem-drawer-popup-warp>
    <oem-drawer-close class='oem-drawer-popup-mask'></oem-drawer-close>
  </oem-drawer-popup>
</oem-drawer>



<script>
  $(function(){
    $.componentHandle(_COMPONENT_NAME_, {id:"{{section_id}}"})
  })
</script>